<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0, user-scalable=no">
    <title>预约详情</title>
    <link rel="stylesheet" type="text/css" href="css/appointmentDetail.css">
</head>

<body>
    <!-- 详情开始 -->
    <div class="detail-content">
        <div class="de-title">
            已完成
        </div>
        <div class="detail-box">
            <div class="hb-detail">
                <div class="hb-title detail-title">航班信息</div>
                <div class="hb-line1">
                    <span class="hb-no">3U8837(U)</span>
                    <span class="start-time">14:45</span>
                    <span class="end-time">20:05</span>
                </div>
                <div class="hb-line2">
                    <span class="start-date">2017-01-06</span>
                    <span class="start-address">成都双流T1</span>
                    <span class="end-address">哈尔滨太平</span>
                </div>
            </div>
            <!-- 预约的信息 -->
            <div class="appointment-detail">
                <div class="app-title detail-title">预约信息</div>
                <div class="app-name -app-info">
                    <label for="">乘客姓名</label>
                    <span>小李子</span>
                </div>
                <div class="app-phone -app-info">
                    <label for="">联系电话</label>
                    <span>139-8888-8888</span>
                </div>
            </div>
            <!-- 预约结果 -->
            <div class="appointment-result">
                <div class="app-r-title detail-title">预约结果</div>
                <!-- 派单中 -->
                <div class="paidaning">正在为您派单</div>
                <!-- 派单后的结果 -->
                <div class="app-r-time -app-info">
                    <label for="">上车时间</label>
                    <span>2016-12-20 09:20</span>
                </div>
                <div class="app-r-address -app-info">
                    <label for="">上车地址</label>
                    <span>人民南路一段-城市酒店</span>
                </div>
                <!-- 预约成功后的车辆、司机信息 -->
                <div class="app-r-address -app-info">
                    <label for="" class="three-letter">车牌号</label>
                    <span>川A3A1Q8</span>
                </div>
                <div class="app-r-address -app-info">
                    <label for="">司机姓名</label>
                    <span>小李子</span>
                </div>
                <div class="app-r-address -app-info">
                    <label for="">司机电话</label>
                    <span>13900009999</span>
                    <span class="call-phone"><a href="tel:13900009999"></a></span>
                </div>
            </div>
            <!-- 订单已完成 -->
            <div class="appointment-result">
                <div class="app-r-title detail-title">您的评价</div>
                <!-- 评价信息 -->
                <div class="paidaning">老司机，车技一流，服务态度也蛮不错的</div>
            </div>
            <!-- 已经取消 -->
            <div class="appointment-result">
                <div class="app-r-title detail-title">取消详情</div>
                <!-- 取消的信息 -->
                <div class="app-r-address -app-info">
                    <label for="" class="three-letter">取消人</label>
                    <span>由乘客取消/由系统取消</span>
                </div>
                <div class="app-r-address -app-info">
                    <label for="">取消原因</label>
                    <span>航班有变动</span>
                </div>
                <div class="app-r-address -app-info">
                    <label for="">取消时间</label>
                    <span>2016-01-05 16:57</span>
                </div>
            </div>
        </div>
        <div class="comment-submit">
            <div class="submit">前往评论</div>
        </div>
    </div>
    <!-- 详情结束 -->
</body>

</html>
